.container-fluid{
	padding: 0px 50px;
}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after, .bs-popover-top>.popover-arrow::after{
	border-top-color: #8b231d;
}

.custom-col {
            width: 20%; /* Set each column to take 20% of the row width */
            box-sizing: border-box; /* Ensure padding doesn't affect column width */
        }
        .fs-5{
        	font-size: 1.0rem !important;
        	font-weight: bold !important;
        }
.md_logo{
	margin-top: 30px;
	margin-bottom: -30px;
}
.panel-default>.panel-heading {
	padding: 8px 8px 2px 8px;
	margin-bottom: 10px;
}
.panel-default .panel-body {
	margin-top: -5px;
	padding: 20px;
	background: #FFF;
	margin-bottom: 10px;
}
.svg_logo{
	width: 100%;
	max-width: 250px;
}
.frame_nps_logo{
	width: 100%;
	max-width: 200px;
}

.frame_logo{
	padding: 10px 0px;
}
.navbar-collapse {
  justify-content: flex-end;
}
.bg-body-tertiary{
	background: url(img/lightbg.jpg) !important;
}
.nav-link{
	color: #000;
}
.frame_sidebar .nav-link{
	color: #333;
    -webkit-transition: all 0.08s linear;
    -moz-transition: all 0.08s linear;
    -o-transition: all 0.08s linear;
    transition: all 0.08s linear;
	box-shadow:1px 1px 1px #333;
	margin-bottom:10px;
}
.frame_sidebar .active{
	background: #8b231d;
	color: #FFF;
}
.dropdown-toggle::after{
	font-family:'FontAwesome';
	content: "\f107";
	border-top:none;
	vertical-align: 0;
}

.hover-dropdown .dropdown-menu {
  transition: all 0.3s ease-in-out;
}
/* Custom styles to make dropdown appear on hover */
.hover-dropdown:hover > .dropdown-menu {
  display: block;
  margin-top: 0; /* Adjust to prevent jumping effect */
}
.dropdown-item:focus, .dropdown-item:hover{
	color: #FFF;
	background-color: #8b231d;
}
/* Ensuring the dropdown does not show hover effects when not hovered */
.hover-dropdown > .dropdown-menu {
  display: none;
}
.dropdown-menu{
	border-top:3px solid #8b231d;
	background: #fff none repeat scroll 0 0;
	border-radius: 0px;
	min-width: 250px;
	
}
.carousel-control-next, .carousel-control-prev{
	width: 3%;
}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
.about-text p {
  margin-bottom: 5px;
}
	.container {
    width: 94%;
  }
	.floatright{
		float: none !important;
	}

}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

	.cra_logo{
	font-family: 'Open Sans', sans-serif;
	color: #8b231d;
	text-align: left;
	margin:0 5px 10px 0 !important;
	font-size: 13px;
}
	.mobile_align{
		text-align: center !important;
	}
.width-100{width:100%}
.main-menu ul li a {
  padding: 40px 7px;
}
.container {
    width: 99%;
  }
	.portfolio-title span {
  top: 15px;
}
.slider-text a {
  margin-top: 25px;
}
.slider-text h2 {
  font-size: 40px;
  margin: 20px 0 15px;
}
.single-service {
  padding: 30px 10px;
}
.blog-story {
  margin-bottom: 50px;
}
.about-img {
  margin-top: 20px;
}
.about-text {
  margin-top: 20px;
}
	.floatright{
		float: none !important;
	}

}

/* small mobile :320px. */
@media (max-width: 767px) {
	.logo{
		width: 110px;
	}
	.mb-20{
		margin-bottom: 0px !important;
	}
	.nps{
		max-width: 140px;
		height: auto;
	}
	.cra_logo{
	font-family: 'Open Sans', sans-serif;
	color: #8b231d;
	text-align: left !important;
	margin:15px 0px 10px 0 !important;
	font-size: 9px;
	line-height: 12px;
		padding-left: 25px;
}
	.container {
    width: 99%;
  }
	.floatright{
		float: none !important;
	}
	.mobile_align{
		text-align: left !important;
	}
.overlay{ 
	margin: 0 auto;
	color:#8b231d !important;
	position:relative;
	background: #ffc931;
	/*background: url(../img/news.png) repeat-x center center !important;*/
	height: 400px !important;
	width: 100%;
	border-radius: 0;
	text-align:center;
	padding: 10px;
}
.container {width:300px}
.width-100{width:100%}
.slider-text span {
  font-size: 18px;
}
.portfolio-menu ul li {
  padding: 12px 11px;
}
.slider-text h2 {
  font-size: 24px;
  line-height: 30px;
  margin: 9px 0;
}
.slider-text p {
  display: none;
}
.slider-text a {
  font-size: 15px;
  line-height: 26px;
  margin-top: 0;
  padding: 5px 20px;
}
.choose-content p {
  width: 100%;
}
.footer-text {
  margin-bottom: 40px;
}
.copyright {
  margin-top: 9px;
  text-align: center;
}
.icon {
  margin-top: 20px;
  text-align: center;
}
.subscribe-text {
  text-align: center;
  margin-bottom: 20px;
}
.icon a {
  margin: 0 4px;
}
.footer-info {
  text-align: left;
}
.footer-logo {
  text-align: left;
}
.blog-story {
  margin-bottom: 50px;
}
.about-text {
  margin-bottom: 30px;
}
.about-img {
  margin-bottom: 20px;
}
.single-team {
  margin-bottom: 30px;
  position: relative;
}
.contact-form {
  margin-top: 40px;
}


}














/* Large Mobile :480px. */
@media only screen and (max-width: 600px) {
	.container-fluid{
		padding: 5px 15px;

	}
	.custom-col {
            width: 50%; /* Set each column to take 20% of the row width */
            box-sizing: border-box; /* Ensure padding doesn't affect column width */
        }
	.md_logo{
	margin-top: 0px;
	margin-bottom: 0px;
}
.svg_logo{
	width: 100%;
	max-width: 150px;
}

	.frame_nps_logo{
		max-width: 100px !important;
	}
.container {width:450px}
	.mobile_align{
		text-align: center !important;
	}
	.cra_logo{
	font-family: 'Open Sans', sans-serif;
	color: #8b231d;
	text-align: left;
	margin:-20px 5px 10px 0 !important;
	font-size: 13px;
}
 
} 
.accordion{width:100%; margin: 0 auto;  }
.accordion-toggle { font-weight: 600; font-family: 'Open Sans', sans-serif; border-bottom: 1px solid #cccccc;cursor: pointer;margin: 0;padding: 10px 30px 10px 0;position: relative; font-size: 14px;}
.accordion-toggle.active:after{content:"";position:absolute;right:0;top:17px;width:0;height:0;border-bottom:5px solid #f00;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);}
.accordion-toggle:hover{color:#8b231d }
.accordion-toggle:before{content:"";position:absolute;right:0;top:17px;width:0;height:0;border-top:5px solid #000;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);}
.accordion-toggle.active:before{display:none;}
.accordion-content {display: none;}
.accordion-toggle.active {color: #8b231d;}